<template>
    <div class="authorize">
        <!--<img src="@/assets/images/index/authorization-success.png" alt="" />-->
        <!--<p>授权成功</p>-->
        <!--<a @click="$router.push('/index')"><van-icon name="down" />返回首页</a>-->
    </div>
</template>

<script>
	export default {
		name: 'authorize',
        created() {
			this.$store.dispatch('GET_USERINFO');
			if (this.$route.query.backUrl === '/goods-detail') {
				this.$router.push(this.$route.query.backUrl + '?gid=' + this.$route.query.param + '&authorize=' + this.$route.query.authorize + '&message=' + this.$route.query.message);
            } else {
				this.$router.push(this.$route.query.backUrl + '?authorize=' + this.$route.query.authorize + '&message=' + this.$route.query.message);
            }
		}
	};
</script>

<style lang="scss" scoped>
    .authorize {
        background: $color-white;
        @include flexBox(center, center, column);
        height: 100%;
        img {
            max-width: 550px;
            margin: 0 auto;
        }
        p {
            font-size: 28px;
            margin: 40px 0;
            color: $main-color;
        }
        a {
            margin-top: 20px;
            border: 1px solid $main-color;
            padding: 0 24px;
            font-size: 28px;
            line-height: 60px;
            color: $main-color;
            border-radius: 50px;
            transition: 0.5s;
            @include flexBox(null, center);
            i {
                transform: rotate(90deg);
                margin-right: 10px;
            }
            &:hover {
                background: $main-color;
                color: $color-white;
            }
        }
    }
</style>